<template>
  <div class="label">
      <a v-for="(v,i) in arr" :key="i" href="#">{{v}}</a>
  </div>
</template>

<script>

export default {
  // 接收数据
  computed:{
    arr(){
      if(this.$store.state.Fenlei.label.length!=0){
          return this.$store.state.Fenlei.label.slice(0,7)
      }else{
          return null;
      }
    }
  }
}
</script>

<style scoped>
.label{
    padding-top: 12rem;
    margin: 0 15rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    border-block: 1px solid #eeeeee;
}
a{
    padding: 0 15rem;
    line-height: 28rem;
    font-size: 12rem;
    color: #7c868f;
    background: #e5e5e5;
    border-radius: 14rem;
    margin-right: 12rem;
    margin: 0 0 12rem 12.5rem;
}
</style>